$(document).ready(function() {
    $( "#div1" ).dialog({
      modal : true,
      autoOpen: true,
      show: {
        effect: "blind",
        duration: 1500
      },
      hide: {
        effect: "drop",
        duration: 500
      },
draggable: false,
    resizable: false,
    position: ['center', 'center'],
width: 500 
    });
$( "#cancel" ).click(function() {
      $( "#div1" ).dialog( "close" );
    });
}) ;